import React, { Component } from 'react';
import { routerRedux, Route, Switch, Link } from 'dva/router';
// import { routerRedux,Link } from 'dva/router';

import Debounce from 'lodash-decorators/debounce';
import Bind from 'lodash-decorators/bind';
import { connect } from 'dva';
import SublimeVideo from 'react-sublime-video';
import {
  Button, Menu, Dropdown, Icon, Row, Col,
  Input, InputNumber,
  Steps, Card, Popover, Badge, Table, Tooltip, Divider,
  Checkbox, Modal, Radio,
  Select, message, DatePicker,
  Form, Upload, Spin
} from 'antd';
import moment from 'moment';
import classNames from 'classnames';
import { getRoutes } from '../../utils/utils';
import PageHeaderLayout from '../../layouts/PageHeaderLayout';
import DescriptionList from '../../components/DescriptionList';
import styles from './ApplyProfile.less';
import { create } from 'domain';
import u620 from '../../assets/u620.png';
import u622 from '../../assets/u622.png';
import yes from '../../assets/yes.png';
import no from '../../assets/no.png';
import querystring from 'querystring';

const Source = SublimeVideo.Source;
const { Step } = Steps;
const TextArea = Input.TextArea;
const { Description } = DescriptionList;
const ButtonGroup = Button.Group;
const RadioGroup = Radio.Group;
const Option = Select.Option;
const style = {
  width: '49%',
  margin: '0.5%',
  float: 'left',
};

const getWindowWidth = () => (window.innerWidth || document.documentElement.clientWidth);


@connect(({ pendingTask }) => ({
  pendingTask,
}))
@Form.create()
export default class CompleteApplyDetails1 extends Component {
  state = {
    id: '',
    taskId: '',
    reviewState: '',
    approvalState: '',
    operationkey: 'tab1',
    stepDirection: 'horizontal',
    modalVisible: false,
    submitting: false,
    previewVisible: false,
    videoVisible: false,
    previewImage: '',
    dispatchOne: false,
    dispatchTwo: false,
    identityValueStart: null,
    identityValueEnd: '',
    homeAddRessValueStart: '',
    homeAddRessValueEnd: '',
    applyValueStart: '',
    applyValuEnd: '',
    approvalValueStart: '',
    approvalValueEnd: '',
    repayValue: null,
    creditValue: '',
    addRessValue: '',
    idCardValue: '',
    homeWorkValue: '',
    conclusionValue: '',
    willVerify: '',
    verifyOpinion: '',
    homeVisits: '',
    returnVisitPerson: '',
    returnVisitTime: '',
    visitsNote: '',
    custTaskListLoading: false,
    profileState: false,
    houseState: '',
    custList: {},
    fileList: {
      addressVerify: [],
      tableVerify: [],
      idcardVerify: [],
      signVerify: [],
      signVerifyVideo: [],
    },
    imageRotateDeg: 0,
    enlarge: 1,
  }

  componentDidMount() {
    const { dispatch, location } = this.props;
    const params = querystring.parse(location.search.slice(1));

    this.setState({
      id: params.id,
      reviewState: params.reviewState,
      approvalState: params.approvalState,
    })
    if(params.taskName != ""){
      if(params.taskName == "复审"){
        this.setState({
          reviewState: 2
        })
      }
      if(params.taskName == "终审"){
        this.setState({
          reviewState: 2
        })
      }
      if(params.taskName == "初审"){
        this.setState({
          reviewState: 1
        })
      }
    }
    
    dispatch({
      type: 'pendingTask/fetchApplyProfile',
      payload: {
        id: params.id,
      },
      callback: () => {
        const { pendingTask: { custMessgeList, custTaskList, custAuditList, custListLoading } } = this.props;
        this.setState({
          custList: custMessgeList,
          id: custMessgeList.id,
          taskId: custTaskList.id,
        })

        if (custMessgeList.id != null) {
          dispatch({
            type: 'pendingTask/queryCustomer',
            payload: {
              id: custMessgeList.id,
            },
            callback: () => {
              const { pendingTask: { custMessgeList, idcardVerifyList, custListLoading } } = this.props;          
              // console.log("idcardVerifyFileList",idcardVerifyList.signVerify)
              if(this.state.reviewState == 2 || this.state.reviewState == 3){
                this.setState({
                  willVerify: idcardVerifyList.willVerify.audit2,
                  identityValueEnd: idcardVerifyList.idcardVerify.audit2,
                  homeAddRessValueEnd: idcardVerifyList.addressVerify.audit2,
                  applyValueEnd: idcardVerifyList.tableVerify.audit2,
                  approvalValueEnd: idcardVerifyList.signVerify.audit2,
                  identityValueStart: idcardVerifyList.idcardVerify.audit1,
                  homeAddRessValueStart: idcardVerifyList.addressVerify.audit1,
                  applyValueStart: idcardVerifyList.tableVerify.audit1,
                  approvalValueStart: idcardVerifyList.signVerify.audit1,
                })
              }
              if(this.state.reviewState == 1){
                this.setState({
                  identityValueStart: idcardVerifyList.idcardVerify.audit1,
                  homeAddRessValueStart: idcardVerifyList.addressVerify.audit1,
                  applyValueStart: idcardVerifyList.tableVerify.audit1,
                  approvalValueStart: idcardVerifyList.signVerify.audit1,
                })
              }
              this.setState({
                homeVisits: idcardVerifyList.willVerify.homeVisits,
                visitsNote: idcardVerifyList.willVerify.visitsNote,
              })
              idcardVerifyList.willVerify.homeVisits == 1 ?
              null
              :
              dispatch({
                type: 'pendingTask/customPhoneShow',
                payload: {
                  id: custMessgeList.id
                },
                callback: () => {
                  const { pendingTask: { customList } } = this.props;
                  // console.log("customList.p",customList)
                  // console.log("customList.phoneVisits.visitTime",customList.phoneVisits.visitTime) 
                  let name = sessionStorage.getItem("name")
                  customList.phoneVisits &&
                    this.setState({
                      // returnVisitDate: customList.phoneVisits.visitDate,
                      returnVisitTime: customList.phoneVisits.visitTime,
                      creditValue: customList.phoneVisits.loanVerify,
                      addRessValue: customList.phoneVisits.homeVerify,
                      homeWorkValue: customList.phoneVisits.workVerify,
                      idCardValue: customList.phoneVisits.docVerify,
                      returnVisitPerson: name,
                      conclusionValue: customList.phoneVisits.note,
                    })
                }
              });

              if (idcardVerifyList.addressVerify.houseState == 1) {
                this.setState({
                  houseState: '自有住房'
                })
              } else if (idcardVerifyList.addressVerify.houseState == 2) {
                this.setState({
                  houseState: '分期付款购房'
                })
              } else if (idcardVerifyList.addressVerify.houseState == 3) {
                this.setState({
                  houseState: '租房'
                })
              } else if (idcardVerifyList.addressVerify.houseState == 4) {
                this.setState({
                  houseState: '其他'
                })
              } else if (idcardVerifyList.addressVerify.houseState == 5) {
                this.setState({
                  houseState: '集体宿舍'
                })
              } else if (idcardVerifyList.addressVerify.houseState == 6) {
                this.setState({
                  houseState: '单位分配'
                })
              }
              let idcardFileList = this.state.fileList;
              let idcardVerifyFileList = idcardVerifyList;
              if (idcardVerifyFileList.idcardVerify.images.length > 0) {
                for (let i = 0; i < idcardVerifyFileList.idcardVerify.images.length; i++) {
                  idcardFileList.idcardVerify.push({
                    uid: idcardVerifyFileList.idcardVerify.images[i],
                    name: 'xxx.png',
                    status: 'done',
                    url: idcardVerifyFileList.idcardVerify.images[i],
                  })
                }
              }

              if (idcardVerifyFileList.addressVerify.images.length > 0) {
                for (let i = 0; i < idcardVerifyFileList.addressVerify.images.length; i++) {
                  idcardFileList.addressVerify.push({
                    uid: idcardVerifyFileList.addressVerify.images[i],
                    name: 'xxx.png',
                    status: 'done',
                    url: idcardVerifyFileList.addressVerify.images[i],
                  })
                }
              }

              if (idcardVerifyFileList.tableVerify.images.length > 0) {
                for (let i = 0; i < idcardVerifyFileList.tableVerify.images.length; i++) {
                  idcardFileList.tableVerify.push({
                    uid: idcardVerifyFileList.tableVerify.images[i],
                    name: 'xxx.png',
                    status: 'done',
                    url: idcardVerifyFileList.tableVerify.images[i],
                  })
                }
              }
              if (idcardVerifyFileList.signVerify.images.length > 0) {
                for (let i = 0; i < idcardVerifyFileList.signVerify.images.length; i++) {
                  idcardFileList.signVerify.push({
                    uid: idcardVerifyFileList.signVerify.images[i],
                    name: 'xxx.png',
                    status: 'done',
                    url: idcardVerifyFileList.signVerify.images[i],
                  })
                }
              }
              if (idcardVerifyFileList.signVerify.videos.length > 0) {
                for (let i = 0; i < idcardVerifyFileList.signVerify.videos.length; i++) {
                  idcardFileList.signVerifyVideo.push({
                    uid: idcardVerifyFileList.signVerify.videos[i],

                    url: idcardVerifyFileList.signVerify.videos[i],
                  })
                }
              }
              this.setState({
                fileList: idcardFileList,
                custList: custMessgeList,
              })
            }
          });
        }
      }
    })
    this.setStepDirection();
    window.addEventListener('resize', this.setStepDirection);
  }

  // componentWillUnmount() {
  //   window.removeEventListener('resize', this.setStepDirection);
  //   this.setStepDirection.cancel();
  // }

  handleCancel = () => this.setState({ previewVisible: false, enlarge: 1 })

  handlePreview = (file) => {
    this.setState({
      previewImage: file.url || file.thumbUrl,
      previewVisible: true,
      imageRotateDeg: 0,
    });
  }

  renderDescription = () => {
    return (
      this.state.custList &&
      <DescriptionList className={styles.headerList} size="small" col="2">
        <Description term="客户名称">{this.state.custList.custName}</Description>
        <Description term="性别">{this.state.custList.sex == 1 ? '男' : '女'}</Description>
        <Description term="年龄">{this.state.custList.age}</Description>
        <Description term="手机号码">{this.state.custList.mobile}</Description>
        <Description term="证件号">{this.state.custList.idno}</Description>
        <Description term="家庭住址">{this.state.custList.address}</Description>
        <Description term="所购车型">{this.state.custList.carType}</Description>              
        <Description term="贷款金额">{this.state.custList.loanAmount}</Description>
        <Description term="担保公司">{this.state.custList.orgName}</Description>
        <Description term="业务编号">{this.state.custList.bizNum}</Description>
        <Description term="回访人">{sessionStorage.getItem("name")}</Description>
        <Description term="支行名称">{this.state.custList.bankName}</Description>   
      </DescriptionList>
    );
  };
  // handleChange1 = ({ fileList1 }) => this.setState({ fileList1 })

  handleRotate = () => {
    this.setState({
      imageRotateDeg: this.state.imageRotateDeg + 90,
    });
  }
  handleAmplification = () => {
    if (this.state.enlarge >= 2) {
      message.warning("不能再放大了")
    } else {
      this.setState({
        enlarge: this.state.enlarge * 2,
      })
    }
  }
  handleNarrow = () => {
    if (this.state.enlarge <= 1) {
      message.warning("不能再缩小了")
    } else {
      this.setState({
        enlarge: this.state.enlarge * 0.5,
      })
    }
  }
  handlePhoneShow = () => {
    this.setState({
      modalVisible: true
    })
  }

  handlePhoneCancel = () => {
    this.setState({
      modalVisible: false
    })
  }

  submitPhoneAccess = () => {
    this.setState({
      modalVisible: false
    })
  }

  handleStartVideo = () => {
    this.setState({
      videoVisible: true
    })
  }

  handleVidoeCancel = () => {
    this.setState({
      videoVisible: false
    })
  }

  @Bind()
  @Debounce(200)
  setStepDirection() {
    const { stepDirection } = this.state;
    const w = getWindowWidth();
    if (stepDirection !== 'vertical' && w <= 576) {
      this.setState({
        stepDirection: 'vertical',
      });
    } else if (stepDirection !== 'horizontal' && w > 576) {
      this.setState({
        stepDirection: 'horizontal',
      });
    }
  }

  render() {
    const { stepDirection, previewVisible, previewImage, returnVisitTime } = this.state;
    const { pendingTask: { idcardVerifyList, custTaskListLoading } } = this.props;
    // const { getFieldDecorator, getFieldValue } = this.props.form;
    const yes1 = (<img alt="" src={yes} />);
    const no1 = (<img alt="" src={no} />);
    const imgWidth = 500 * this.state.enlarge;
    const imgHeight = 500 * this.state.enlarge;
    // const description = this.renderDescription();

    const style = {
      width: 300,
      margin: '0.5%',
      float: 'center',
    };

    return (
      <Row >
        <Col span={21} style={{ border: 1 }}>
          <Card
            title="身份证验证"
            bordered={false}
            style={{ marginBottom: 24 }}
          >
            {/* AAA{JSON.stringify(idcardVerifyList)}CCC */}
            {/* AAA{JSON.stringify(this.state.fileIdList)}CCC */}
            <Row>
              <DescriptionList className={styles.headerList} size="small" col="2">
                <Description term="客户名称">{idcardVerifyList.idcardVerify && idcardVerifyList.idcardVerify.custName}</Description>
                <Description term="证件号">{idcardVerifyList.idcardVerify && idcardVerifyList.idcardVerify.idno}</Description>
              </DescriptionList>
            </Row>
            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="身份证照">
                  <div className="clearfix">
                    <Upload
                      listType="picture-card"
                      fileList={this.state.fileList.idcardVerify}
                      onPreview={this.handlePreview}
                      showUploadList={{ showRemoveIcon: false }}
                    >
                    </Upload>
                  </div>
                </Description>
              </DescriptionList>
            </Row>
            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="初审意见" >
                  <RadioGroup disabled={this.state.dispatchOne} value={this.state.identityValueStart} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.identityValueStart == 1 ? <img src={yes} /> : null}
                  {this.state.identityValueStart == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>

            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="复审意见">
                  <RadioGroup disabled={this.state.dispatchTwo} value={this.state.identityValueEnd}>
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.identityValueEnd == 1 ? <img src={yes} /> : null}
                  {this.state.identityValueEnd == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>

          </Card>

          <Card
            title="家庭住址验证"
            bordered={false}
            style={{ marginBottom: 24 }}
          >
            <Row>
              <DescriptionList className={styles.headerList} size="small" col="2">
                <Description term="家庭住址">{idcardVerifyList.addressVerify && idcardVerifyList.addressVerify.address}</Description>
                <Description term="住宅类型">{this.state.houseState}</Description>
              </DescriptionList>
            </Row>
            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="家访照片">
                  <div className="clearfix">
                    <Upload
                      listType="picture-card"
                      fileList={this.state.fileList.addressVerify}
                      onPreview={this.handlePreview}
                      showUploadList={{ showRemoveIcon: false }}
                    >
                    </Upload>
                  </div>
                </Description>
              </DescriptionList>
            </Row>

            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="初审意见">
                  <RadioGroup disabled={this.state.dispatchOne} value={this.state.homeAddRessValueStart} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.homeAddRessValueStart == 1 ? <img src={yes} /> : null}
                  {this.state.homeAddRessValueStart == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>


            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="复审意见">
                  <RadioGroup disabled={this.state.dispatchTwo} value={this.state.homeAddRessValueEnd} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.homeAddRessValueEnd == 1 ? <img src={yes} /> : null}
                  {this.state.homeAddRessValueEnd == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>

          </Card>

          <Card
            title="申请表审核"
            bordered={false}
            style={{ marginBottom: 24 }}
          >
            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="业务申请表">
                  <div className="clearfix">
                    <Upload
                      listType="picture-card"
                      fileList={this.state.fileList.tableVerify}
                      onPreview={this.handlePreview}
                      showUploadList={{ showRemoveIcon: false }}
                    >
                    </Upload>
                  </div>
                </Description>
              </DescriptionList>
            </Row>

            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="初审意见">
                  <RadioGroup disabled={this.state.dispatchOne} value={this.state.applyValueStart} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.applyValueStart == 1 ? <img src={yes} /> : null}
                  {this.state.applyValueStart == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>

            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="复审意见">
                  <RadioGroup disabled={this.state.dispatchTwo} value={this.state.applyValueEnd} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.applyValueEnd == 1 ? <img src={yes} /> : null}
                  {this.state.applyValueEnd == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>

          </Card>

          <Card
            title="偿债意愿核实"
            bordered={false}
            style={{ marginBottom: 24 }}
          >
            <Row style={{ marginTop: 10 }}>
              核实情况: {this.state.homeVisits == 1 ? "银行回访" : "渠道家访"}
            </Row>
            {
              this.state.homeVisits == 1 ?
                <Row style={{ marginTop: 30 }}>
                  核实意见: {this.state.visitsNote}
                </Row>
                :
                <Row style={{
                  marginTop: 30,
                }}>
                  <Col>
                    {/* <Link
                      to={`/review/phone-access/?custId=${this.state.id}&state=${this.state.approvalState}`}
                    >电话回访
                    </Link> */}
                    <Button
                      type="primary"
                      onClick={this.handlePhoneShow}
                    // to={`/review/phone-access/?custId=${this.state.id}`}
                    >电话回访
                    </Button>
                  </Col>
                </Row>
            }
            <Row style={{ marginTop: 20 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="复审意见">
                  <RadioGroup disabled={this.state.dispatchTwo} value={this.state.willVerify} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.willVerify == 1 ? <img src={yes} /> : null}
                  {this.state.willVerify == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>
          </Card>

          <Card
            title="签字核实"
            bordered={false}
            style={{ marginBottom: 24 }}
          >
            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="签字照片">
                  <div className="clearfix">
                    <Upload
                      listType="picture-card"
                      fileList={this.state.fileList.signVerify}
                      onPreview={this.handlePreview}
                      showUploadList={{ showRemoveIcon: false }}
                    >
                    </Upload>
                  </div>
                </Description>
              </DescriptionList>
            </Row>

            {
              this.state.fileList.signVerifyVideo.length > 0 ?
                <Row style={{ marginTop: 20 }}>
                  <DescriptionList className={styles.headerList} size="small" col="1">
                    <Description term="面签视频">
                    <Button onClick={this.handleStartVideo}>播放视频</Button>
                    </Description>
                  </DescriptionList>
                </Row>
                :
                null
            }
            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="初审意见">
                  <RadioGroup disabled={this.state.dispatchOne} value={this.state.approvalValueStart} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.approvalValueStart == 1 ? <img src={yes} /> : null}
                  {this.state.approvalValueStart == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>

            <Row style={{ marginTop: 40 }}>
              <DescriptionList className={styles.headerList} size="small" col="1">
                <Description term="复审意见">
                  <RadioGroup disabled={this.state.dispatchTwo} value={this.state.approvalValueEnd} >
                    <Radio value={1}>一致</Radio>
                    <Radio value={2}>不同</Radio>
                  </RadioGroup>
                  {this.state.approvalValueEnd == 1 ? <img src={yes} /> : null}
                  {this.state.approvalValueEnd == 2 ? <img src={no} /> : null}
                </Description>
              </DescriptionList>
            </Row>
          </Card>

        </Col>
        <Modal
          width={imgWidth + 40}
          visible={previewVisible}
          footer={null}
          keyboard={true}
          onCancel={this.handleCancel}>
          <div style={{ justifyContent: 'space-around', display: 'flex' }}>
            <img alt="example"
              style={{
                width: imgWidth,
                height: imgHeight,
                transform: `rotate(${this.state.imageRotateDeg}deg)`
              }}
              src={previewImage}
            />
          </div>
          <Row type="flex" justify="space-around" style={{
            marginTop: 25,
          }} >
            <Button onClick={this.handleRotate}>旋转</Button>
            <Button onClick={this.handleAmplification}>放大</Button>
            <Button onClick={this.handleNarrow}>缩小</Button>
          </Row>
        </Modal>
        <Modal
            title={"面签视频"}
            width={680}
            visible={this.state.videoVisible}
            keyboard={true}
            footer={null}	
            onCancel={this.handleVidoeCancel}
          >
            <div className="clearfix">
              <DescriptionList col="2" size="large">
                <Description>
                  {
                    this.state.fileList.signVerifyVideo[0] == undefined ?
                      ""
                      :
                      <SublimeVideo loop style={style}
                        src={this.state.fileList.signVerifyVideo[0].url}
                      />
                  }
                </Description>
                <Description>
                  {
                    this.state.fileList.signVerifyVideo[1] == undefined ?
                      ""
                      :
                      <SublimeVideo loop style={style}
                        src={this.state.fileList.signVerifyVideo[1].url}
                      />
                  }
                </Description>
              </DescriptionList>
            </div>
          </Modal>
        <Modal
          title="电话回访"
          visible={this.state.modalVisible}
          onOk={this.submitPhoneAccess}
          keyboard={true}
          // loading={savePhoneLoading}
          onCancel={this.handlePhoneCancel}>
          {this.renderDescription()}
          <Row >
            <DescriptionList className={styles.headerList} size="small" col="1">
              <Description term="回访日期">
                <div>
                  <DatePicker
                    style={{ width: '80%' }}
                    disabled
                    showTime
                    format="YYYY-MM-DD HH:mm:ss"
                    defaultValue={returnVisitTime ? moment(returnVisitTime) : null}
                  />
                </div>
              </Description>
            </DescriptionList>
          </Row >
          <Row >
            <DescriptionList className={styles.headerList} size="small" col="1">
              <Description >
                已向本人核实办理信用卡分期事宜：
                  <RadioGroup value={this.state.creditValue} >
                  <Radio value={1}>是</Radio>
                  <Radio value={2}>否</Radio>
                </RadioGroup>
              </Description>
            </DescriptionList>
          </Row>
          <Row style={{ marginTop: 20 }}>
            <DescriptionList className={styles.headerList} size="small" col="1">
              <Description >
                已向本人核实住宅地址：
                  <RadioGroup value={this.state.addRessValue} >
                  <Radio value={1}>是</Radio>
                  <Radio value={2}>否</Radio>
                </RadioGroup>
              </Description>
            </DescriptionList>
          </Row>
          <Row style={{ marginTop: 20 }}>
            <DescriptionList className={styles.headerList} size="small" col="1">
              <Description >
                已向本人核实工作情况：
                 <RadioGroup value={this.state.homeWorkValue} >
                  <Radio value={1}>是</Radio>
                  <Radio value={2}>否</Radio>
                </RadioGroup>
              </Description>
            </DescriptionList>
          </Row>
          <Row style={{ marginTop: 20 }}>
            <DescriptionList className={styles.headerList} size="small" col="1">
              <Description >
                已向本人核实有关共同借款人提供的身份证、购房合同等资料申请审批表上填写的信息：
                <RadioGroup value={this.state.idCardValue} >
                  <Radio value={1}>是</Radio>
                  <Radio value={2}>否</Radio>
                </RadioGroup>
              </Description>
            </DescriptionList>
          </Row>
          <Row style={{ marginTop: 20, marginBottom: 20 }}>
            <DescriptionList col="1">
              <Description term="结论">
                <Row>
                  <TextArea placeholder="请输入" rows={4} value={this.state.conclusionValue} />
                </Row>
              </Description >
            </DescriptionList>
          </Row>
        </Modal>
      </Row >
      // </PageHeaderLayout>
    );
  }
}
